<?php
$JO["artistinfo"]= JO( array( "EN" => "Artist Information","VI"=>"Thông tin ca sĩ") );
$JO["birth"]= JO( array( "EN" => "Birth","VI"=>"Ngày sinh") );
$JO["nation"]= JO( array( "EN" => "Nation","VI"=>"Quốc gia") );
$JO["autonym"]= JO( array( "EN" => "Autonym","VI"=>"Tên thật") );
$JO["artist"]= JO( array( "EN" => "Artist","VI"=>"Ca sĩ") );
$JO["album"]= JO( array( "EN" => "Album","VI"=>"Album") );
$JO["of"]= JO( array( "EN" => "of","VI"=>" của ") );
$JO["rbt"]= JO( array( "EN" => "Ring back tone","VI"=>"Nhạc chờ") );
?>
<script>
    nmenuindex=1;
</script>
<!--<div id="dhtmltooltip"></div>
<script type="text/javascript">
var offsetxpoint=-60; //Customize x offset of tooltip
var offsetypoint=20; //Customize y offset of tooltip
var ie=document.all;
var ns6=document.getElementById && !document.all;
var enabletip=false;
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : "";

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function ddrivetip(subject,rbtcode,telco){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px";
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor;
var taitin="",noidung="";
switch(telco){
    case "VTL8x88"://viettel
        taitin="Vui lòng soạn tin nhắn <span style='color:red;'><b>BH</b> <b>"+rbtcode+"</b></span> gửi <b style='color:red;'>1221</b> (5,000 VND/SMS).<br/>Nếu bạn chưa đăng ký địch vụ nhạc chờ, hãy soạn tin <b>DK</b> gửi <b>1221</b> để đăng ký sử dụng dịch vụ nhạc chờ.";
        noidung="";
        break;

    case "VMS8x88"://mobi
        taitin="Vui lòng soạn tin nhắn <span style='color:red;'><b>CHON</b> <b>"+rbtcode+"</b></span> gửi <b style='color:red;'>9224</b> (5,000 VND/SMS).<br/>Nếu bạn chưa đăng ký địch vụ nhạc chờ, hãy soạn tin <b>DK</b> gửi <b>9224</b> để đăng ký sử dụng dịch vụ nhạc chờ.";
        break;
    case "GPC8x88"://vina
        taitin="<br/>-Bước 1:Soạn tin <span style='color:red;'><b>STUNE</b> <b>"+rbtcode+"</b></span> gửi <b style='color:red;'>9194</b>.<br/>";
        taitin+="-Bước 2: Soạn tin <span style='color:red;'><b>MD</b> <b>"+rbtcode+"</b></span> gửi <b>9194</b>.(5,000 VND/SMS).";
        break;
    case "VNM8x88"://vnmobi
        taitin="Vui lòng soạn tin nhắn <span style='color:red;'><b>MUA</b> <b>"+rbtcode+"</b></span> gửi <b style='color:red;'>2345</b> (5,000 VND/SMS).<br/>Nếu bạn chưa đăng ký địch vụ nhạc chờ, hãy soạn tin <b>DK HR</b> gửi <b>123</b> để đăng ký sử dụng dịch vụ nhạc chờ.";
        break;
    case "SFN8x88"://sfone
        //taitin="Vui lòng soạn tin nhắn <span style='color:red;'><b>CHON</b> <b>"+rbtcode+"</b></span> gửi <b style='color:red;'>9224</b>(5,000 VND/SMS).<br/>Nếu bạn chưa đăng ký địch vụ nhạc chờ, hãy soạn tin <b>DK</b> gửi <b>1221</b> để đăng ký sử dụng dịch vụ nhạc chờ.";
        break;
    //thieu beeline

}
var content="";
content+="<div class='tippromotion' style='width:454px; height:130px;background-color:#333;float:left;padding:4px 8px 4px 8px;'>";
content+="	<div style='width:452px;float:left;'>Để Tải Bài Hát <b style='color:blue;'>"+subject+"</b> Làm Nhạc Chờ, "+taitin+"<br/>";
content+="Dịch vụ tìm nhạc chờ:<br/>";
content+="-Tìm kiếm nhạc chờ theo Tên Bài Hát soạn tin <b>HQ S</b> &lt;<b>Tên Bài Hát</b>&gt; gửi <b>8388</b> (hoặc 8588).<br/>";
content+="-Tìm kiếm nhạc chờ theo Ca Sĩ soạn tin <b>HQ A</b> &lt;<b>Tên Ca Sĩ</b>&gt; gửi <b>8388</b> (hoặc 8588).<br/>";
content+="-Tìm kiếm nhạc chờ theo Thể Loại soạn tin <b>HQ G</b> &lt;<b>Tên Thể Loại</b>&gt; gửi <b>8388</b> (hoặc 8588).<br/>";
content+="</div></div>";
tipobj.innerHTML=content;
tipobj.style.top=200;
enabletip=true;
return false;
}
}

function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX//+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY//+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"

//same concept with the vertical position
//if (bottomedge<tipobj.offsetHeight)
//tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-20+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-20+"px"
//else
tipobj.style.top=ie? event.clientY+10+"px":e.clientY+10+"px"

tipobj.style.visibility="visible"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor='#ffffff'
tipobj.style.width=''
}
}

document.onmousemove=positiontip

</script>
<style type="text/css">
    #dhtmltooltip{
        top: 0px;
        position: fixed;
        width: 470px;
        border: 1px solid #222;
        padding: 0px;
        margin: 0px;
        background-color: #333;

        z-index: 100;
        /*Remove below line to remove shadow. Below line should always appear last within this CSS*/

    }
    .tippromotion img{
        max-width:100px;
    }
</style>-->
        <div style="width: 960px;background: url(JO_images/hr.gif1) repeat-x top left #222;position: relative;float:left;

             ">
            <?php 
            include 'controller/JO_ringbacktoneController.php';
            include('JO_001_nav1.php');
            ?>
            <!--                ============artist info============-->
            <div class="bar_480i" style="
/*                border-bottom: 1px solid #3D3D3D;
                border-left: 1px solid black;
                border-right: 1px solid #333;
                border-top: 1px solid black;*/
                ">
                <div style="" class="title_480i">
                    <h1 style="width:464px;" class="h1i">
                        <?=$JO["artistinfo"]?>
                    </h1>
                </div>
                <div style="" class="mar7i"></div>
                <?
                if(isset($_REQUEST["artist"])){

                    $artist_key=$_REQUEST["artist"];
                    $rowartist=ringbacktoneModule::getArtist("'".$artist_key."'");
                    if($rowartist==null){
                    ?>
                        <div style="" class="box480i">
                            404: trang không tồn tại(đường dẫn sai)
                        </div>
                    <?
                    }else{
                    ?>
                <div style="" class="box480i">

                    <table class="tbi" style="color: #ebebeb;width: 352px;">
                        <tr>
                            <td><b><?=$JO["artist"]?> : <?=getString($rowartist["name"])?></b></td>
                            <td><?=$JO["birth"]?> : <?=getString($rowartist["birth"])?></td>
                        </tr>
                        <tr>
                            <td><?=$JO["autonym"]?> : <?=getString($rowartist["autonym"])?></td>
                            <td><?=$JO["nation"]?> : <?=getString($rowartist["nation"])?></td>
                        </tr>
                        <tr>
                            <td colspan="2" style="border-bottom:none;">
<!--                                Super Junior (Korean: 슈퍼주니어), often referred to as SJ or SuJu (슈주), is a popular boy band from South Korea formed by S.M. Entertainment in 2005.-->
                                <?=(isset($rowartist["content"])?$rowartist["content"]:"Thông tin ca sĩ ".getString($rowartist["name"])." đang được cập nhật.")?>
                            </td>
                        </tr>

                    </table>
                    <div style="" class="img_arti">
                        <img src="<?=(isset($rowartist["content"])?$rowartist["content"]:"JO_images/noartistimages.jpg")?>" style=";" title=""/>
                    </div>
                </div>
                <div class="mar8i"></div>
                <link rel="Stylesheet" type="text/css" href="JO_CSS/smoothDivScroll.css" />
	        <script src="JO_JS/jquery.ui.widget.js" type="text/javascript"></script>
	        <script src="JO_JS/jquery.smoothDivScroll-1.1-min.js" type="text/javascript"></script>
                <script type="text/javascript">
		// Initialize the plugin with no custom options
                $(window).load(
                    function() {
                        $("div.makeMeScrollable").smoothDivScroll({
                                ScrollStep: 1,
                                ScrollInterval: 10,
                                autoScroll: "onstart" ,
                                mouseDownSpeedBooster:1,
                                autoScrollDirection: "backandforth",
                                autoScrollStep: 1,
                                autoScrollInterval: 10,
                                startAtElementId: "startAtMe",
                                visibleHotSpots: "always"
                        });
                    }
                    );
                </script>
                <style type="text/css">
                        .makeMeScrollable
                        {
                                width:464px;
                                height: 200px;
                                position: relative;
                        }

                        .makeMeScrollable div.scrollableArea img
                        {
                                width:464px;
                                height:200px;
                                position: relative;
                                float: left;
                                margin: 0;
                                padding: 0;
                                border: none;
                        }
                </style>
                <div class="content_box480i">
                    <div class="makeMeScrollable">
                            <div class="scrollingHotSpotLeft" style="display: block; "></div>
                            <div class="scrollingHotSpotRight" style="display: block; "></div>
                            <div class="scrollWrapper">
                                    <div class="scrollableArea" style="width: 3840px; ">
                                            <img src="JO_images/Artist/Super_Junior-SNSD_1.jpg" alt="Demo image">
                                            <img src="JO_images/Artist/Super_Junior-SNSD_2.jpg" alt="Demo image">
                                            <img src="JO_images/Artist/Super_Junior-SNSD_3.jpg" alt="Demo image">
                                            <img src="JO_images/Artist/Super_Junior-SNSD_4.jpg" alt="Demo image">
                                            <img src="JO_images/Artist/Super_Junior-SNSD_5.jpg" alt="Demo image">
                                            <img src="JO_images/Artist/Super_Junior-SNSD_6.jpg" alt="Demo image">
                                            <img src="JO_images/Artist/Super_Junior-SNSD_7.jpg" alt="Demo image">
                                            <img src="JO_images/Artist/Super_Junior-SNSD_8.jpg" alt="Demo image">
                                    </div>
                            </div>
                    </div>
                </div>

<!--                ============album============-->
                <div style="" class="title_480i">
                    <h1 style="width:464px;" class="h1i">
                        <?=$JO["album"].$JO["of"].getString($rowartist["name"])?>
                    </h1>
                    <h3 class="h3i"><a href="?JO_unit=002_album&artist=<?=$artist_key?>">» More</a></h3>
                </div>
                <div class="mar8i"></div>
                <div class="content_box480i">
                    <?
                    $shownum=5;
                    //$dataalbum=ringbacktoneModule::getAlbumFromRecomended(2);
                    //if($dataalbum==null){
                        $dataalbum=ringbacktoneModule::getAlbumsofArtist_($artist_key,0,5);
                    //}
                    if($dataalbum==null){
                            echo "Không thấy album nào.";
                    }else{
                        foreach ($dataalbum as $rowalbum){
                            $shownum--;
                            if($shownum<0)                                break;
                            ?>
                    <div class="mar7i"></div>
                    <div class="albumi">
                        <img class="imgalbumi" src="<?=(isset($rowalbum["image"])?$rowalbum["image"]:"JO_images/no_album2.gif")?>"/>
                        <div class="album_title"><a href="?JO_unit=002_album_detail&album=<?=md5($rowalbum["key"])?>"><?=(isset($rowalbum["subject"])?$rowalbum["subject"]:"[data is empty]")?></a></div>
                    </div>
                            <?
                        }
                    }
                    ?>
                </div>
<!--                ============ring back tone============-->
                <div style="" class="title_480i">
                    <h1 style="width:464px;" class="h1i">
                        <?=$JO["rbt"].$JO["of"].getString($rowartist["name"])?>
                    </h1>
                    <h3 class="h3i"><a href="#">» More</a></h3>
                </div>
                <div id="JO_ringbacktonecontent" style="float: left;margin-bottom: 8px;">
                    <?
                    $telco_key="VTL8x88";
                    $rbtpage=1;
                    include 'JO_004_RBTOBJ.php';
                    ?>
                </div>

                    <?
                    }
                ?>
                    
                <?
                }else{
                ?>
                <div style="" class="box480i">
                    404: trang không tồn tại(đường dẫn sai)
                </div>
                <?
                }
                ?>
                
                
                

            </div>
            <?php include('JO_000_nav4.php'); ?>
            
        </div>
<script>

    $(".imgalbumi").hover(
        function(){
            //$(this).css("border","1px solid red");
        },
        function(){
            //$(this).css("border","1px solid #222");
        }
    );
    $(".imgalbumi").css("cursor","pointer");
    $(".imgalbumi").click(
        function(){
            location=($(this).next().children(":first-child").attr("href"));
        }

    );
</script>